﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>states</title>
    <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.0/css/bootstrap.min.css'>
    <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.1/css/all.min.css'>
    <!--<link rel="stylesheet" href="states/states.css">-->
    <link type="text/css" href="{{ url_for('static', filename='css/states.css') }}" rel="stylesheet">
</head>
<body>
    <!-- partial:index.partial.html -->
    <div id="mainCoantiner">
        <!--dust particel-->
        <div class="margin-body">

            <div>
                <div class="starsec"></div>
                <div class="starthird"></div>
                <div class="starfourth"></div>
                <div class="starfifth"></div>
            </div>
            <!--Dust particle end--->

            <div class="row">
                <div class="col-sm-12 col-md-12">
                    <div class="wpb_text_column wpb_content_element ">
                        <div class="wpb_wrapper">
                            <div class="title-h1 text-center"><span><span class="light">Pile </span> states</span></div>
                            <form action="{{ url_for('admin.new_states_interface') }}" method="POST">
                                <p>开关充电桩：分别输入充电桩编号、ON/OFF</p>
                                <input type="text" name="pileid">
                                <input type="text" name="switch">
                                <input type="submit" value="Submit">
                            </form>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-sm-3 col-md-3 pricing-column-wrapper">
                    <div class="pricing-column">
                        <div class="pricing-price-row">
                            <div class="pricing-price-wrapper">
                                <div class="pricing-price">
                                    <div class="pricing-cost">No.1</div>
                                    <div class="time">F</div>
                                </div>
                            </div>
                        </div>
                        <div class="pricing-row-title">
                            <div class="pricing_row_title"> {{result['1'][0]}} </div>
                        </div>
                        <figure class="pricing-row"><span> {{result['1'][1]}} </span></figure>
                        <figure class="pricing-row"> {{result['1'][2]}} </figure>
                        <figure class="pricing-row"> {{result['1'][3]}} </figure>
                    </div>
                </div>

                <div class="col-sm-3 col-md-3 pricing-column-wrapper">
                    <div class="pricing-column">
                        <div class="pricing-price-row">
                            <div class="pricing-price-wrapper">
                                <div class="pricing-price">
                                    <div class="pricing-cost">No.2</div>
                                    <div class="time">F</div>
                                </div>
                            </div>
                        </div>
                        <div class="pricing-row-title">
                            <div class="pricing_row_title"> {{result['2'][0]}} </div>
                        </div>
                        <figure class="pricing-row"><span style="color: #5f727f;"> {{result['2'][1]}} </span></figure>
                        <figure class="pricing-row"><span style="color: #5f727f;"> {{result['2'][2]}} </span></figure>
                        <figure class="pricing-row"><span style="color: #5f727f;"> {{result['2'][3]}} </span></figure>
                    </div>
                </div>
                <div class="col-sm-3 col-md-3 pricing-column-wrapper">
                    <div class="pricing-column">
                        <div class="pricing-price-row">
                            <div class="pricing-price-wrapper">
                                <div class="pricing-price">
                                    <div class="pricing-cost">No.3</div>
                                    <div class="time">T</div>
                                </div>
                            </div>
                        </div>
                        <div class="pricing-row-title">
                            <div class="pricing_row_title"> {{result['3'][0]}} </div>
                        </div>
                        <figure class="pricing-row"><span> {{result['3'][1]}} </span></figure>
                        <figure class="pricing-row"><span style="color: #5f727f;"> {{result['3'][2]}} </span></figure>
                        <figure class="pricing-row"> {{result['3'][3]}} </figure>
                    </div>
                </div>
                <div class="col-sm-3 col-md-3 pricing-column-wrapper">
                    <div class="pricing-column">
                        <div class="pricing-price-row">
                            <div class="pricing-price-wrapper">
                                <div class="pricing-price">
                                    <div style=" " class="pricing-cost">No.4</div>
                                    <div class="time">T</div>
                                </div>
                            </div>
                        </div>
                        <div class="pricing-row-title">
                            <div class="pricing_row_title"> {{result['4'][0]}} </div>
                        </div>
                        <figure class="pricing-row"><span style="color: #5f727f;"> {{result['4'][1]}} </span></figure>
                        <figure class="pricing-row"><span style="color: #5f727f;"> {{result['4'][2]}} </span></figure>
                        <figure class="pricing-row"> {{result['4'][3]}} </figure>
                    </div>
                </div>

                <div class="col-sm-3 col-md-3 pricing-column-wrapper">
                    <div class="pricing-column">
                        <div class="pricing-price-row">
                            <div class="pricing-price-wrapper">
                                <div class="pricing-price">
                                    <div class="pricing-cost">No.5</div>
                                    <div class="time">T</div>
                                </div>
                            </div>
                        </div>
                        <div class="pricing-row-title">
                            <div class="pricing_row_title"> {{result['5'][0]}} </div>
                        </div>
                        <figure class="pricing-row"><span> {{result['5'][1]}} </span></figure>
                        <figure class="pricing-row"> {{result['5'][2]}} </figure>
                        <figure class="pricing-row"> {{result['5'][3]}} </figure>
                    </div>
                </div>
            </div>

        </div>
    </div>
    <!-- partial -->

</body>
</html>
